<template>

  <van-tabs v-model:active="active" background="#ffffff" line-width="0" title-active-color="#ec7b67" style="margin-top:10%" >
  <van-tab title="帖子" ><tz></tz></van-tab>
  <van-tab title="日记" ><rj></rj></van-tab>
  <van-tab title="问答" ><wd></wd></van-tab>
  <van-tab title="科普" ><kp></kp></van-tab>
  </van-tabs>

  



</template>

<script setup lang="ts">
import tz from './tz.vue'
import rj from './rj.vue'
import wd from './wd.vue'
import kp from './kp.vue'
import { ref } from 'vue';
 const active = ref(0);
  
</script>

<style scoped>


</style>